1 files changed, 32 insertions, 13 deletions

diff --git a/pages/editor/quest/[id].vue b/pages/editor/quest/[id].vue
index 34dafa8..8886dc5 100644
--- a/pages/editor/quest/[id].vue
+++ b/pages/editor/quest/[id].vue
@@ -4,8 +4,8 @@ import { computed, ref } from 'vue';
 import type EditorQuestModalYaml from '~/components/editor/quest/modal/EditorQuestModalYaml.vue';
 
 definePageMeta({
-  layout: 'editor'
-})
+  layout: 'editor',
+});
 
 const sessionStore = useSessionStore();
 const route = useRoute();
@@ -13,7 +13,6 @@ const route = useRoute();
 const questId = route.params.id as string;
 const quest = sessionStore.getQuestById(questId);
 
-
 const categoryFromSelectedQuest = computed(() => {
   const quest = sessionStore.getQuestById(questId);
   if (quest) {
@@ -48,7 +47,7 @@ const duplicateQuest = (oldId: string, newId: string) => {
 
 const showYaml = () => {
   yamlModal.value?.open();
-}
+};
 </script>
 
 <template>
@@ -65,9 +64,17 @@ const showYaml = () => {
     </span>
     <span id="controls" class="control-group">
       <Button :icon="['fas', 'fa-code']" :label="'YAML'" @click="showYaml"></Button>
-      <Button :icon="['fas', 'fa-copy']" :label="'Duplicate'" @click="showDuplicateModal = true"></Button>
+      <Button
+        :icon="['fas', 'fa-copy']"
+        :label="'Duplicate'"
+        @click="showDuplicateModal = true"
+      ></Button>
       <Button :icon="['fas', 'fa-pen']" :label="'Rename'" @click="showRenameModal = true"></Button>
-      <Button :icon="['fas', 'fa-trash']" :label="'Delete'" @click="showDeleteModal = true"></Button>
+      <Button
+        :icon="['fas', 'fa-trash']"
+        :label="'Delete'"
+        @click="showDeleteModal = true"
+      ></Button>
       <Button type="solid" :disabled="true" :icon="['fas', 'fa-save']" :label="'Save'"></Button>
     </span>
   </PageHeader>
@@ -78,12 +85,24 @@ const showYaml = () => {
   </div>
 
   <EditorQuestModalYaml ref="yamlModal" :key="`yaml-quest-${questId}`" :questId="questId" />
-  <EditorQuestModalDelete v-model="showDeleteModal" :key="`delete-quest-${questId}`" :questId="questId"
-    @delete="() => questId && deleteQuest(questId)" />
-  <EditorQuestModalRename v-model="showRenameModal" :key="`rename-quest-${questId}`" :questId="questId"
-    @update="(newId: any) => questId && renameQuest(questId, newId)" />
-  <EditorQuestModalDuplicate v-model="showDuplicateModal" :key="`duplicate-quest-${questId}`" :questId="questId"
-    @duplicate="(newId: any) => questId && duplicateQuest(questId, newId)" />
+  <EditorQuestModalDelete
+    v-model="showDeleteModal"
+    :key="`delete-quest-${questId}`"
+    :questId="questId"
+    @delete="() => questId && deleteQuest(questId)"
+  />
+  <EditorQuestModalRename
+    v-model="showRenameModal"
+    :key="`rename-quest-${questId}`"
+    :questId="questId"
+    @update="(newId: any) => questId && renameQuest(questId, newId)"
+  />
+  <EditorQuestModalDuplicate
+    v-model="showDuplicateModal"
+    :key="`duplicate-quest-${questId}`"
+    :questId="questId"
+    @duplicate="(newId: any) => questId && duplicateQuest(questId, newId)"
+  />
 </template>
 
 <style scoped>
@@ -99,4 +118,4 @@ const showYaml = () => {
 header {
   border-bottom: 1px solid var(--color-border);
 }
-</style>
\ No newline at end of file
+</style>